<template>
    <header>
        <span class="iconfont icon-youjiantou" @click="$router.push({path:'/home'})"></span>
        <div class="header_left">
            <span class="iconfont icon-fangdajing1"></span>
            <span class="iconfont icon-pingjia"></span>关注
            <div class="operate">
                <span class="iconfont icon-a-shenglvehao3x"></span>
                <span class="iconfont icon-guanbi1"></span>
            </div>
        </div>
    </header>
</template>

<script lang="ts">
export default {

}
</script>

<style scoped lang="scss">
header {
    height: .56rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 0;
}

header .icon-youjiantou {
    -webkit-transform: rotate(180deg);
    font-size: .18rem;
    margin-left: .18rem;
}

header .header_left {
    display: flex;
    align-items: center;
    color: #fff;
    margin-right: .07rem;
}

header .header_left>span {
    margin: 0 0.10rem;
}

header .operate {
    width: .78rem;
    height: .3rem;
    background-color: rgba(0, 0, 0, 0.14);
    border-radius: .15rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: .1rem;
}

header .operate .iconfont {
    display: block;
    height: .18rem;
    padding: 0 0.05rem;
}

header .operate .icon-a-shenglvehao3x {
    border-right: 1px solid rgba(248, 248, 248, 0.081);
}
</style>